<!DOCTYPE html>
<html>
<head>
	<title>我是标题</title>
	
	<meta http-equiv="Content-Type" content=
	"text/html;charset=utf-8"/>
	<!-- utf-8 gbk gb2312 -->
</head>
<body>

这个是我的课程<img src="../Img/03.png" align="bottom" width="20%" alt="siki学院的课程api"/>《API》

</body>
</html>

<!-- 
align="top"
align="middle" 
align="bottom"
这个是我的课程<img src="Img/01.jpg" align="bottom" width="200px" height="50px"/>《API》
这个是我的课程<img src="Img/01.jpg" align="bottom" width="20%"/>《API》
这个是我的课程<img src="Img/001.jpg" align="bottom" width="20%" alt="siki学院的课程api"/>《API》
这个是我的课程<img src="Img/01.jpg" align="bottom" width="20%" alt="siki学院的课程api"/>《API》
这个是我的课程<img src="E:\MY_DIRECTORY\Projects\Web前端第一季 siki学院1\Img\01.jpg" align="bottom" width="20%" alt="siki学院的课程api"/>《API》
这个是我的课程<img src="Img\p\02.png" align="bottom" width="20%" alt="siki学院的课程api"/>《API》
这个是我的课程<img src="01.jpg" align="bottom" width="20%" alt="siki学院的课程api"/>《API》
这个是我的课程<img src="./Img/01.jpg" align="bottom" width="20%" alt="siki学院的课程api"/>《API》
这个是我的课程<img src="../03.png" align="bottom" width="20%" alt="siki学院的课程api"/>《API》
这个是我的课程<img src="../../03.png" align="bottom" width="20%" alt="siki学院的课程api"/>《API》


HTML <img> 标签的 alt 属性
https://www.w3school.com.cn/tags/att_img_alt.asp

相对路径和绝对路径
path = 
当前路径./xx.jpg 
上一级路径../xx.jpg  
上上一级路径../../xx.jpg  (相对路径就是从当前路径寻找，当前路径只的是当前html所在路径)
下一级路径 xx/xx.jpg
path="C:\Users\souke\Desktop\web01\01.jpg"
一般在项目中都使用相对路径
-->